<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>practice</title>
</head>

<body>
    <ul>
        <!-- 在 for 中使用 if -->
        {%for dict in my_list if dict.id != 5 %}

        {% if loop.index == 1 %}
        <li style="background: yellow;">{{dict.value}}</li>
        {% elif loop.index == 2 %}
        <li style="background: green;">{{dict.value}}</li>
        {% elif loop.index == 3 %}
        <li style="background: red;">{{dict.value}}</li>
        {% else %}
        <li style="background: purple;">{{dict.value}}</li>
        {% endif %}
        <!-- 从0开始的索引 -->
        <!-- <h3>{{loop.index0}}</h3> -->
        <!-- 从1开始的索引 -->
        <!-- <h3>{{loop.index}}</h3> -->
        {%endfor%}
    </ul>

</body>

</html>